<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./assets/css/jquery.mobile-1.4.5.min.css">
</head>
<body>
<div data-role="page" id="home">
    <div data-role="header">
        <h1>赛事</h1>
       <a href="#" class="ui-btn-right">En</a>
    </div>
    <div data-role="content">
        <input type="text" name="name" id="basic" value=""  />
        <input name="number" pattern="[0-9]*" id="number-pattern" value="" type="number">

        <label for="file">File:</label>
        <input type="file" name="file" value="" id="in">
        <input name="file" id="file" value="" type="file">

        <input name="password" id="password" value="" autocomplete="off" type="password">

        <label for="textinput-hide" class="ui-hidden-accessible">Text Input:</label>
        <input name="textinput-hide" id="textinput-hide" placeholder="请输入您的用户名" value="" type="text">
        <input disabled="disabled" name="textinput-disabled" id="textinput-disabled" placeholder="Text input" value="" type="text">

        <div data-role="fieldcontain">
            <label for="select-native-fc">Native select:</label>
            <select name="select-native-fc" id="select-native-fc">
                <option value="small">One</option>
                <option value="medium">Two</option>
                <option value="large">Three</option>
            </select>
        </div>

        <label for="foo">请选择:</label>
        <select name="foo" id="foo" data-role="none">
            <option value="a">A</option>
            <option value="b">B</option>
            <option value="c">C</option>
        </select>

        <input name="number" id="number" value="0" type="number">

        <div data-role="fieldcontain">
            <form>
                <label for="name">姓名:</label>
                <input type="text" name="name" id="name" value=""  />
                <label for="name">密码：</label>
                <button type="reset" data-inline="true"> </button>
                <input type="password" name="password" id="password" value=""  />
                <input type="button" name="button" id="button" value="提交" data-inline="true" />
                <input type="reset" name="reset" id="reset" value="重置" data-inline="true"/>
            </form>
        </div>

        <div data-role="fieldcontain">
            <label for="search-2">Search Input:</label>
            <input type="search" name="search-2" id="search-2" value="" />
        </div>

        <div data-role="fieldcontain">
            <label for="slider-2">Input slider:</label>
            <input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100"  />
        </div>

        <input name="slider-fill" id="slider-fill" value="60" min="0" max="1000" step="50" data-highlight="true" type="range">


        <input name="slider-fill-mini" id="slider-fill-mini" value="40" min="0" max="100" data-mini="true" data-highlight="true" data-theme="b" data-track-theme="c" type="range">


        <form>
            <div data-role="rangeslider">
                <label for="range-1a">Rangeslider:</label>
                <input name="range-1a" id="range-1a" min="0" max="100" value="40" type="range">
                <label for="range-1b">Rangeslider:</label>
                <input name="range-1b" id="range-1b" min="0" max="100" value="80" type="range">
            </div>
        </form>

        <form>
            <div data-role="rangeslider" data-mini="true">
                <label for="range-2a">Mini rangeslider:</label>
                <input name="range-2a" id="range-2a" min="0" max="100" value="40" type="range">
                <label for="range-2b">Mini rangeslider:</label>
                <input name="range-2b" id="range-2b" min="0" max="100" value="80" type="range">
            </div>
        </form>

        <label for="slider2">Flip switch:</label>
        <select name="slider2" id="slider2" data-role="slider">
            <option value="off">Off</option>
            <option value="on">On</option>
        </select>


        <label for="slider-flip-m">Mini flip switch:</label>

        <select name="slider-flip-m" id="slider-flip-m" data-role="slider" data-mini="true">
            <option value="off">No</option>
            <option value="on" selected="">Yes</option>
        </select>


        <fieldset data-role="controlgroup">
            <legend>Radio buttons, vertical controlgroup:</legend>
            <input name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" type="radio">
            <label for="radio-choice-1">Cat</label>
            <input name="radio-choice-1" id="radio-choice-2" value="choice-2" type="radio">
            <label for="radio-choice-2">Dog</label>
            <input name="radio-choice-1" id="radio-choice-3" value="choice-3" type="radio">
            <label for="radio-choice-3">Hamster</label>
            <input name="radio-choice-1" id="radio-choice-4" value="choice-4" type="radio">
            <label for="radio-choice-4">Lizard</label>
        </fieldset>


        <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
            <legend>Radio buttons, mini, horizontal controlgroup:</legend>
            <input name="radio-choice-b" id="radio-choice-c" value="list" checked="checked" type="radio">
            <label for="radio-choice-c">List</label>
            <input name="radio-choice-b" id="radio-choice-d" value="grid" type="radio">
            <label for="radio-choice-d">Grid</label>
            <input name="radio-choice-b" id="radio-choice-e" value="gallery" type="radio">
            <label for="radio-choice-e">Gallery</label>
        </fieldset>

        <label for="select-choice-1" class="select">Select, native menu</label>
        <select name="select-choice-1" id="select-choice-1">
            <option value="standard">Standard: 7 day</option>
            <option value="rush">Rush: 3 days</option>
            <option value="express">Express: next day</option>
            <option value="overnight">Overnight</option>
        </select>

        <label for="select-choice-mini" class="select">Mini select, inline</label>
        <select name="select-choice-mini" id="select-choice-mini" data-mini="true" data-inline="true">
            <option value="standard">Standard: 7 day</option>
            <option value="rush">Rush: 3 days</option>
            <option value="express">Express: next day</option>
            <option value="overnight">Overnight</option>
        </select>

        <label for="select-choice-a" class="select">Custom select menu:</label>
        <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
            <option>Custom menu example</option>
            <option value="standard">Standard: 7 day</option>
            <option value="rush">Rush: 3 days</option>
            <option value="express">Express: next day</option>
            <option value="overnight">Overnight</option>
        </select>

        <label for="select-choice-8" class="select">Multi-select with optgroups, custom icon and position:</label>
        <select name="select-choice-8" id="select-choice-8" multiple="multiple" data-native-menu="false" data-icon="grid" data-iconpos="left">
            <option>Choose a few options:</option>
            <optgroup label="USPS">
                <option value="standard" selected="">Standard: 7 day</option>
                <option value="rush">Rush: 3 days</option>
                <option value="express">Express: next day</option>
                <option value="overnight">Overnight</option>
            </optgroup>
            <optgroup label="FedEx">
                <option value="firstOvernight">First Overnight</option>
                <option value="expressSaver">Express Saver</option>
                <option value="ground">Ground</option>
            </optgroup>
        </select>


    </div>
    <div data-role="footer" data-position="fixed" data-theme="a">
        <div data-role="navbar">
            <ul>
                <li><a href="home.html"  data-transition="slide">赛事</a></li>
                <li><a href="./user/index.html" data-transition="slide">咨询</a></li>
                <li><a href="./user/index.html" data-prefetch="true" data-transition="slide">Albums</a></li>
                <li><a href="page-d.html" data-prefetch="true"  data-transition="slide">Emails</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/index.js"></script>
<script src="./assets/js/jquery.mobile-1.4.5.min.js"></script>

<script>
    $(function () {
        $("[data-role='navbar']").navbar();
        $("[data-role='header'], [data-role='footer']").toolbar();
    });
    // Update the contents of the toolbars

</script>
</body>
</html>
